$(function () {
    $('input[name="headImg"]').removeClass('form-control');
    $('#go-alter').click(Submit_Ajax)
    // 点击头像触发文件选择
    $('#select_img_file').click(function () {
        $('input[name="headImg"]').trigger('click');
    })
    DeleteUserInfo()
    $('#delete-btn').click(function () {
        let userId = $('#user_id').val();
        let userName = $('#user_name').val();
        $.ajax({
            url: '/personal/user/delete/',
            type: 'post',
            dataType: 'json',
            data: {userId: userId, userName: userName},
            success: function (res) {
                if (res.status) {
                    alert(res.msg);
                    window.location.reload();
                } else {
                    alert('删除失败！');
                }
            }
        })
    })
})
// 删除用户
function DeleteUserInfo() {
    $('a[class="my-delete"]').click(function () {
        let userId = $(this).data('id');
        let userName = $(this).data('name');
        $('#user_id').val(userId);
        $('#user_name').val(userName);
    })
}
// 提交修改
function Submit_Ajax() {
    // 重置错误信息
    $(".error-msg").text("");
    $("#id_headImg").next().text("");
    // 表单组件
    const formData = new FormData($("#update-info")[0]);
    // ajax提交
    $.ajax({
        url: '/personal/update_info_ajax/',
        type: 'post',
        data: formData,
        dataType: "JSON",
        cache: false,                      // 不缓存
        processData: false,                // jQuery不要去处理发送的数据
        contentType: false,
        success: function (res) {  // 注册成功后的回调函数
            if (res.status) {
                let num = Math.random() * 5;
                console.log(res);
                $('#user-img').attr('src', `/static${res.user_img_url}?${num}`);
                $('.info-thumb img').attr('src', `/static${res.user_img_url}?${num}`);
                $('.user-info').text(`${res.nick_name} | ${res.position}`).addClass('user-info-txt')
                alert("修改成功！");
                // window.location.reload();
            } else {
                $.each(res.errors, function (name, data) {
                    $("#id_" + name).next().text(data[0]);
                })
            }
        }
    })
}